<template>
 <div class="feedBackContainer">
   <p class="thanks">感谢您宝贵的意见</p>
   <view class="section">
     <form>
<!--       bindsubmit="bindFormSubmit"-->
       <textarea placeholder="请输入意见" name="textarea"/>
       <button form-type="submit" @click="FormSubmit"> 提交 </button>
     </form>
   </view>
  </div>
</template>

<script>

export default {
  data () {
    return {

    }
  },

  components: {
  },

  methods: {
    FormSubmit() {
      wx.showToast({
        title: '提交成功',
        icon: 'success',
        duration: 2000
      })
    },
    // bindFormSubmit () {
    //   // console.log(e.detail.value.textarea);
    //   // this.$mptoast({
    //   //   text: '温馨提示',        // 显示文本
    //   //   icon:'success'          // 图标类型
    //   //   duration:  2000,        // 关闭时间
    //   //   textClass: 'my-class'   // 样式类名
    //   //   iconClass: 'icon-class' // 图标类名
    //   // })
    //   wx.showToast({
    //     title: '提交成功',
    //     icon: 'success',
    //     duration: 2000
    //   })
    // }
  },

  created () {
    // let app = getApp()
  }
}
</script>

<style scoped>
.feedBackContainer {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.thanks {
  margin: 30px auto;
  font-size: 24px;
  color: #003300;
  font-weight: bold;
}
.section textarea {
  border: 1px solid #CCCCCC;
}
.section button {
  margin-top: 50px;
  background-color: #99FFFF;
}
</style>
